<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="stylesheet" href="../assets/css/reset.css" />

    <title>浮动</title>


    <style>

        .container{
            border: dashed 1px red;
            height: 100px;
        }

        .container .left{
            float: left;

        }

        .container .right{
            float: right;
        }

        /* .clear{
            clear: both;
        } */

    </style>

</head>
<body>

    <div class="container" id="container">


        <div class="left">左侧内容</div>
        <div class="right">右侧内容</div>
        <div class="clear"></div>
       
    </div>
 测试文字



    
</body>
</html>